<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        div{
            width: 300px;
            margin: 150px auto; 
        }
        table {
            text-align: center;
        }
    </style>
</head>

<body>
    <div>
        <table>
            <caption>登录页面</caption>
            <tr>
                <td><label for="username">用户名：</label></td>
                <td><input type="text" name="username" id="username"></td>
            </tr>
            <tr>
                <td><label for="password">密&emsp;码：</label></td>
                <td><input type="password" name="password" id="password"></td>
            </tr>
            <tr>
                <label for="">
                    <td colspan="2"><input type="checkbox" name="remember" id="remember">记住我</td>
                </label>
            </tr>
            <tr>
                <td colspan="2"><input type="button" name="" id="" value="登录"></td>
            </tr>
        </table>
    </div>
</body>

</html>